Rizumu さんの Slidev スライド monorepo テンプレートにある vite.config.ts の内容を見てみる
code:ts
import { defineConfig } from "vite";
import "@slidev/cli";
import MarkdownItMagicLink from "markdown-it-magic-link";
export default defineConfig({
slidev: {
markdown: {
markdownItSetup(md) {
md.use(MarkdownItMagicLink, {
linksMap: {
NuxtLabs: {
link: "https://nuxtlabs.com",
imageUrl: "https://nuxtlabs.com/icon.png",
},
},
});
},
},
},
});
これはなんでしょうか?
Vite 何もわからない
markdown-it の方の設定ぽい
markdown-it の設定ではなくて、その plugin である markdown-it-magic-link の機能らしい
markdown-it 自体は Markdown パーサーで、
見出し、リスト、コードブロックのパース
標準の [text](url) 形式のリンク
プラグイン機能 md.use() API
markdown-it-magic-link プラグイン
GitHub - antfu/markdown-it-magic-link
これも antfu made なのかよ
文字列 と URL をマッピングしておくことで、文字列を自動的にリンクにしてくれる機能